/*加载中图片  背景*/
#BgDiv {background-color: #fff;	width: 100%; height: 100%; left: 0;	top: 0; /*FF IE7*/
	filter: alpha(opacity =   80); /*IE*/	opacity: 0.8; /*FF*/	z-index: 1098;	position: fixed !important; /*FF IE7*/
	position: absolute; /*IE6*/	_top: expression(eval(document.compatMode && 
             document.compatMode ==   'CSS1Compat')? 
            documentElement.scrollTop+  (document.documentElement.clientHeight-this.offsetHeight)/2:
		  /*IE6*/ 
            document.body.scrollTop+  (document.body.clientHeight-
		this.clientHeight)/2);
	/*IE5 IE5.5*/}
#loadDiv {	width: 200px;	height: 100px;	left: 50%; /*FF IE7*/	top: 46%; /*FF IE7*/
	margin-left: -100px !important; /*FF IE7 */	margin-top: -50px !important; /*FF IE7 */	margin-top: 0px;
	padding: 1px;	left: 50%; /*FF IE7*/	top: 46%; /*FF IE7*/	margin-left: -100px !important; /*FF IE7*/
	margin-top: -50px !important; /*FF IE7*/	position: fixed !important; /*FF IE7*/	position: absolute; /*IE6*/
	z-index: 9999;	_top: expression(eval(document.compatMode && 
             document.compatMode ==   'CSS1Compat')? 
            documentElement.scrollTop+  (document.documentElement.clientHeight-this.offsetHeight)/2:
		  /*IE6*/ 
            document.body.scrollTop+  (document.body.clientHeight-
		this.clientHeight)/2);
	/*IE5 IE5.5*/
	 text-align: center;  line-height: 100px;}

[v-cloak]{
	display:none !important;
}
.el-row {
    margin-bottom: 12px;
    &:last-child {
      margin-bottom: 0;
    }
  }
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}
.mt-10{margin-top:-10px;}.mt-20{margin-top:-20px;}.mt-30{margin-top:-30px;}.mt-40{margin-top:-40px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}
.mr5{margin-right: 5px;} .mr10{margin-right: 10px;}
.mb0{margin-bottom:0px!important;}.mb3{margin-bottom:3px;}.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}
.pt5{padding-top:5px;} .pt10{padding-top:10px;}
.tl{text-align: left;}.tr{text-align: right;}.w-tc,.tc{text-align:center;}
.fl{float:left;}.fr{float:right;}
.ptb0{padding-top: 0; padding-bottom: 0; }
.f15{font-size: 15px;}.f16{font-size: 16px;}.f18{font-size: 18px;}
.lh36{line-height: 36px;}.lh38{line-height: 38px;}
.w100{width:100%;}
.w-h100{height:100%;}
.w-w80 .el-input__inner{width:80px!important;}
.el-dialog{margin:0 auto;}
/*vue左右布局*/
html,body {	width: 100%;height: 100%;/* overflow: hidden; */}
body {margin: 0;padding: 0;}
label{font-weight: normal;}
.left_side {float: left; border: solid 0px #0000FF;	width: 260px;
	height: 100%; overflow-y: hidden;}
.middle {/* position: relative;float: left;border: solid 0px #0000FF; height: 100%;*/ position:absolute; top:37%; left:200px; 
	width: 10px;}
.right_side {border: solid 0px #0000FF;	height: 100%;	overflow-y: hidden;	padding: 0 10px;}
/*mid 箭头*/
/*左边菜单折叠图标位置*/
#app>.toggle{
	position:relative;
	float: left;
	height: 100%;
	width: 10px;}
.bar-con-l {position: absolute;	top: 40%;	left: 0;	height: 30px;	width: 10px;	border: 1px solid #b3b3b3;
	border-top-right-radius: 4px;	border-bottom-right-radius: 4px;	border-left: none;
	background-image: -webkit-linear-gradient(left, #eeeeee 0%, #eeeeee 40%, #eeeeee 100%);
	background-image: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 40%, #eeeeee 100%);
	background-image: linear-gradient(left, #eeeeee 0%, #eeeeee 40%, #eeeeee 100%);
	cursor: pointer;}
.bar-con-l>.bar {width: 0;	height: 0;	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;	border-right: 6px solid #797979;
	position: absolute;	top: 8px;	left: 1px;	transition: all .5s;}
.bar-con-l.isHidden {	border-left: 1px solid #002177;	border-right: none;
	border-top-right-radius: 0;	border-bottom-right-radius: 0;	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;}
.bar-con-l.isHidden>.bar {	/*border-left: 6px solid #002177; border-right: none;*/
	-webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg);	transform: rotate(180deg);}
.container p {margin: 0;}
.el-icon-edit,.el-icon-setting,.el-icon-delete{font-size:18px;}
.w-jheight{overflow-y:auto; box-sizing: border-box;}
.w-rightbtn{position: absolute;  right: 18px;  top: 3px;}
.w-centmiddle{position:absolute; top:36%; left:200px;}
/*title*/

/* .panel-default { border-color: #ddd;}
.panel { margin-bottom: 20px; background-color: #fff;  border: 1px solid transparent; border-radius: 4px;  
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-default > .panel-heading {color: #333; background-color: #f5f5f5; border-color: #ddd;}
.panel-heading { padding: 10px 15px;  border-bottom: 1px solid transparent;  border-top-left-radius: 3px;  border-top-right-radius: 3px;}
.panel-title { margin-top: 0;  margin-bottom: 0;  font-size: 16px; color: inherit;} */
/* form条件查询 */
.w-ifserch{clear: both; overflow: hidden;}
.w-ifserch .el-form-item{margin-right: 28px;}
.w-ifserch .el-collapse-item__header{font-size: 18px; background: #f1f1f1; padding: 0 0 0 20px; height: 40px; line-height: 40px;}
.w-ifserch .el-collapse-item__content{padding-bottom: 0;}
.w-ifserch .el-form-item__content{width:160px;}
.w-datew .el-form-item__content{width: auto;}
.w-ifserch  .el-form-item { margin-bottom: 12px;}
/*element comm css*/
.el-form-item{margin-bottom:12px}
/*checkbox 对齐*/
.w-tableinput .el-checkbox+.el-checkbox{margin-left:0;}
.w-tableinput .el-checkbox{margin:0 15px 0 0; min-width:108px;}
.w-tableinput .el-radio.is-bordered+.el-radio.is-bordered{margin-left: 0; }
.w-tableinput .el-radio.is-bordered{ margin-right: 10px; margin-bottom:5px;}
table td .el-button--text{padding:0;}

/*角色管理--- 去除boots样式后整理*/
.container { padding-right: 15px; padding-left: 15px;  box-sizing:border-box;/*左右间距去除滚动条*/}
.panel-body { padding: 15px;}
.panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05);}
.panel-default { border-color: #ddd;}   
.panel-default > .panel-heading { color: #333;  background-color: #f5f5f5; border-color: #ddd;}
 .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;  border-top-right-radius: 3px;} 
.panel-title { margin-top: 0;  margin-bottom: 0;  font-size: 16px; }
h3.panel-title { color: #000;}
/*角色管理- dialog form表单不换行解决*/
.w-form-inline .el-input{width:80%;}
.w-dialogpd .el-form-item.is-error,.el-form-item.is-error{margin-bottom: 22px;}
/*消息添加msgadd*/
.w-dropbtn{color: #3276B1; cursor:pointer;}
.w-newsadd .el-collapse-item__header{float:right; color:#3276B1;}
.w-newsadd .el-collapse-item__wrap{clear:both;}
.w-bold .el-form-item__label{font-weight:bold!important;}
/* 密码修改page */
.panel-footer{ font-size: 14px; padding: 0 0 0 20px; background: #f1f1f1; line-height: 36px; border-top: 1px solid #ddd; color: #f00;}
